/**
替换
@mixin 与 @include 

继承
@extend
*/

/**
 高宽度包含 padding border
 @include  border-box;
*/
@mixin border-box{
    box-sizing:border-box;
}

/**
    生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
    特殊性
    默认原有位置下来菜单
*/
@mixin absolute($left,$top){
    position:absolute;
    left:$left;
    top:$top;
}

/*
    生成绝对定位的元素，相对于浏览器窗口进行定位
    广告
*/
@mixin fixed($left,$top){
    position:fixed;
    left:$left;
    top:$top;
}

/*
@extend .none;
隐藏
*/
.none{
    display: none;
}

//手势
.pointer{
    cursor: pointer;
}

/**
    inline-block 缝隙问题 font-size:0
*/
.inline-block{
    display: inline-block;
    font-size:0;
}
